@charset "utf-8";
/* CSS Document */

* {  margin:0;  padding:0;  }
	
body {  background-color:#f4f4f4;  color:#5a5a5a;  font:13px calibri,arial,Helvetica;  }








 /****************************************************************   les-class    ***************/
 








/*****  title-h3  ********/

h3 {
	color: #386a9d;
	border-bottom: #989898 2px solid;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 15px/16px;
    text-transform: uppercase;
	font-weight: bold;
}




 
 /*****  les-icons-container--Right  ********/
 
.user { 
	height: 23px;
	width: 23px;
	background: url(../../images/default/user.png) no-repeat left center;
}
.parameter {
    height: 23px;
	width: 23px;
	background: url(../../images/default/parameter.png) no-repeat left center;
}
.disconnect {
    height: 23px;
	width: 23px;
	background: url(../../images/default/disconnect.png) no-repeat left center;
}
.plus {
    height: 23px;
	width: 23px;
	background: url(../../images/default/plus.png) no-repeat left center;
}

.set {
    height: 23px;
	width: 23px;
	background: url(../../images/default/set.png) no-repeat left center;
}

.createItem {
    height: 23px;
	width: 23px;
	background: url(../../images/default/plus.png) no-repeat left center;
}



 /*****  les-inputs  ********/
 
input.txt {
    background-color: #FFF; 
    border-color: #d7d6d6;
    border-style: solid;
    border-width: 1px;
    color: #636363;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 120px;
    padding: 3px 5px;
    width: 55%;
	height: 18px;
	line-height: 18px;
    margin: 0px;
	margin-right: 10px;
	float: right;
}
input.txt:active {
    background-color: #f6f6f6;
    border-color: #a2a2a2 #d0d0d0 #d0d0d0 #a2a2a2;
    border-style: solid;
    border-width: 1px;
}

select.select {
    background-color: #FFF; 
    border-color: #d7d6d6;
    border-style: solid;
    border-width: 1px;
    color: #636363;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 120px;
    padding: 3px 5px;
    width: 59%;
	height: 28px;
	line-height: 18px;
    margin: 0px;
	margin-right: 10px;
	float: right;
}

ul.submitBtn {
   width: 32%;
   height: auto;
   padding: 0px; 
   list-style: none;
   display: block;
   margin: 0px;
}
ul.submitBtn a {
   text-decoration: none;
}
input.submitBtn {
   width: 81px;
   height: auto;
   padding: 2px; 
   margin: auto;
   margin-right: 36%;
   float: right;
   cursor: pointer;
   text-align: center;
   font-size: 12px;
   letter-spacing: 1px;
   color:#5a5a5a;
   border: #bfbfbf 1px solid;
   background: #cbcaca;
   background: -moz-linear-gradient(top,#f4f4f4,#cbcaca);
   background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cbcaca));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cbcaca',GradientType=0 ); 
}
input.submitBtn:hover {
   background: #d8d8d8;
   background: -moz-linear-gradient(top,#f4f4f4,#d8d8d8);
   background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d8d8d8));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d8d8d8',GradientType=0 ); 
}
input.submitBtn:active {
   background: #bfbfbf;
   background: -moz-linear-gradient(top,#f1f1f1,#bfbfbf);
   background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#bfbfbf));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#bfbfbf',GradientType=0 );
}






/*******************************************************************************************************************/
/*******************************************************************************************************************/



	
		

#container { /****************************************************************   container    ***************/
	height: 95%;
	width: 100%;
	background :#3C3;
}




#container #containerLeft { /************************************************  container--left    *************/
    float: left;
   	height: 570px;
	width: 20%;
	background-color: #5a5a5a;
}





#container #containerLeft #logo { /*** logo ***/
	height: 50px;
	width: 99%;
	margin: auto;
	background-color: #FFF;
	border: #e6e6e6 1px solid;
	border-top: #5A5A5A 1px solid;
      box-shadow: 1px 7px 10px #313131;
   	-webkit-box-shadow:1px 7px 7px #313131;
   	-moz-box-shadow: 1px 7px 7px #313131; 	
   	-webkit-border-bottom-right-radius: 7px;
   	-webkit-border-bottom-left-radius: 7px;
   	-moz-border-radius-bottomright: 7px;
   	-moz-border-radius-bottomleft: 7px;
    	border-bottom-right-radius: 7px;
    	border-bottom-left-radius: 7px;
	
}
#container #containerLeft #logo #logoImg { /*** img-logo ***/
	height: 39px;
	width: 172px;
	background: url(../../images/default/logo.png) no-repeat center;
	margin: auto;
	margin-right: 20%;
	top: 10%;
	position: relative;
}





#container #containerLeft #menu { /*** menu ***/
   	height: auto;
	width: 100%;
	margin-top: 27px;
}
#menu ul {
	height: auto;
	padding: 0px;
      width: 100%;
      margin: 0px;
	border-top: #454545 1px solid;
	border-bottom: #7f7f7f 1px dotted;
	border-left: none;
	border-right: none;
}
#menu ul li {
    position:relative;
    list-style: none; 
	height: 38px;
	line-height: 38px;
	border-top: #7f7f7f 1px dotted;
	list-style-type: none; 
	position: relative; 
}
#menu ul ul {
	height: 38px;
   	width: 100%;
	display: none; 
	padding: 0px;  
	background: #5a5a5a;
    	top: 0px;
    	position: absolute;
    	left: 100%;
    	display: none;
}  
/*#menu li.submenu {
	background: url(../../images/default/flech.png) 95% 50% no-repeat;
}*/
#menu ul.level1 li.submenu:hover ul.level2 {
    display: block;
}
#menu ul.level1 li.submenu:hover ul.level2  {
    background-color: #5a5a5a;
	height: auto;
}
#menu li a {
    text-decoration: none;
    padding-left: 8px; 
	border-left: 8px solid #BBB;
	width: auto;
	text-decoration: none; 
	color: #f0f0f0;
	height: 38px;
	display: block;
	font-size: 13px/14px;
	text-transform: uppercase;
}
#menu li a:hover {
   border-left-color: #dbdbdb;
   background-color: #F2F2F2;
   color: #383838;
}
#menu ul ul li a:hover {
   border-left-color: #dbdbdb;
}											 








#container #containerRight {/************************************************  container--Right    *************/
    float: right;
	height: auto;
	width: 80%;
}






#container #containerRight #divUnderTop { /*** divUnderTop ***/
	height: 38px;   
	line-height: 38px;   
	width: 100%;
	border-bottom: #161616 1px solid;
	border-top: #161616 1px solid;
	background: #5a5a5a; 
    background: -moz-linear-gradient(left, #5a5a5a 0%, #7c7c7c 50%, #5a5a5a 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5a5a5a), color-stop(50%,#7c7c7c), color-stop(100%,#5a5a5a)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#5a5a5a',GradientType=1 ); 
}
#container #containerRight #divUnderTop #title {
	height: 38px;
	line-height: 38px;
	width: 50%;
	padding-left: 20px;
	float: left;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: calibri,arial Verdana;
    font-size: 14px;
	margin: 0px;
}
#container #containerRight #divUnderTop #title #titleLeftP {
	background: url(../../images/default/titleTopRepeatx.png) repeat-x;
	height: 27px;
	line-height: 27px;
	width: 420px;
    float: left;
	padding-left: 20px;
	margin-right: 41px;
	margin: auto;
	color: #f9f9f9;
	font-style: italic;
	font-weight: bold;
	font-family: calibri,arial Verdana;
    font-size: 14px;
	margin-top: 5px;
}






#container #containerRight #divUnderTop #menuTopRight { /*** right ***/
	height: 38px;
	line-height: 38px;
	width: 40%;
	float: right;
	padding-right: 20px;
	text-align: right;
}
#container #containerRight #divUnderTop #menuTopRight ul {/*** menu ***/
	height: 38px;
	line-height: 38px;
	float: right;
}
#container #containerRight #divUnderTop #menuTopRight ul li {
	list-style-type: none;
	height: 38px;
	line-height: 38px;
	float: left;
	margin-left: 7px;
	color: #4296d4;
	width: auto;
}
#container #containerRight #divUnderTop #menuTopRight ul li a {
    text-decoration: none;
    padding-left: 25px; 
    color: #0C9;
	width: auto;
	text-decoration: none; 
	color: #f9f9f9;
	line-height: 38px;
	display: block;
	text-transform: uppercase;	
}
#container #containerRight #divUnderTop #menuTopRight ul li a:hover {
	color: #c2c2c2;
}




#container #containerRight #main { /*** Big ***/
	height: 530px; 	
    background: #f5f5f5;
	border-bottom: #f8f8f8 1px solid; 
	border-top: #f8f8f8 1px solid;
	padding: 20px 20px 0px 20px;
}
#container #containerRight #main label{ /*** Big ***/
	font-weight: bold;
}


#container #containerRight #main #searchEntry { /*** div-searchEntry ***/
	height:auto;
    font-weight: bold;
    
}
#container #containerRight #main #accountingEntryDetail { /*** div-accountingEntryDetail ***/
	height: 130px;
    padding: 0px 20px 0px 0px;
	font-weight: bold;
}
ul.list {
   width: 32%;
   height: auto;
   padding: 0px; 
   list-style: none;
   float: left;
   margin: 0px;
}
ul.list li {
   text-align: left center;
   list-style: none;
   height: 30px;
   line-height: 30px;
   width: 100%;
   padding: 0px;
}




#container #containerRight #main .actions { /*** div-menu-SaisieEcrituresComptable ***/
	height: auto;
	width: auto; 
}
#container #containerRight #main .actions ul {/*** menu ***/
	height: 38px;
	line-height: 38px;
}
#container #containerRight #main .actions ul li {
	list-style-type: none;
	height: 38px;
	line-height: 38px;
	float: left;
	margin-left: 20px;
	color: #0093ff;
	width: auto;
}
#container #containerRight #main .actions ul li a {
    text-decoration: none;
    font-weight: bold;
	font-size: 14px;
	font-family: calibri,arial Verdana;
	color: #515151;
	text-transform: capitalize;
	padding-left: 30px;	
}
#container #containerRight #main .actions ul li a:hover {
    text-decoration: underline;	
}


#container #containerRight #main #saisieEcrituresComptable { /*** table ***/
	height: 230px;
	padding: 0 20px 20px 0px;
	font-weight: bold;
}
table.table { /*** Table ***/   
	width: 100%;
	height: auto;
    font-family: Arial,Helvetica,sans-serif,Verdana;
    font-weight: bold;
    border-collapse: collapse;
    border-spacing: 0px; 
	text-decoration: none;
	font-size: 11px;
	color: #5a5a5a;
} 
table tr.title td {
	text-align: center;
	color: #5a5a5a;
	font-weight: bold;
	border: #bfbfbf 1px solid; 
	height: 30px;
	background: #e5e5e3;
    background: -moz-linear-gradient(top, #e6e6e1 0%, #eaeaea 20%, #f4f4f4 50%, #eaeaea 80%, #e5e5e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e1), color-stop(20%,#eaeaea), color-stop(50%,#f4f4f4), color-stop(80%,#eaeaea), color-stop(100%,#e5e5e3)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e3',GradientType=0 );
}
table tr.data td {
	font-weight: bold;
	font-size:11px;
    color: #5a5a5a;		
	height: 30px;
	line-height: 30px;
	border: #bfbfbf 1px solid;
}
table tr td.checkbox  {
	padding: 0px;
	margin: 0px;
	border: #bfbfbf 1px solid;
	width: 15px;
	background: #e5e5e3;
	height: auto;  
}
table tr td.checkboxNone  {
	padding: 0px;
	margin: 0px;
	border: none;
	height: auto;
	width: 15px;
	background: none;  
}
table td {
	text-align: center; 
	border: #bfbfbf 1px solid; 
    font-weight: normal;
    font-size: 11px;
	height: 30px;
	line-height: 30px;
	color: #5a5a5a;
}
table tr td.inputText {
	border: #bfbfb8 1px solid;
	height: 30px;
	background: #e5e5e3;
    background: -moz-linear-gradient(top, #e6e6e1 0%, #eaeaea 20%, #f4f4f4 50%, #eaeaea 80%, #e5e5e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e1), color-stop(20%,#eaeaea), color-stop(50%,#f4f4f4), color-stop(80%,#eaeaea), color-stop(100%,#e5e5e3)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e3', endColorstr='#f4f4f4',GradientType=0 );
}
table tr td.inputText input.inputTextTable {
	background-color: #FFF;
    border-color: #d7d6d6;
    border-style: solid;
    border-width: 1px;
    color: #636363;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    width: 90%;
	height: auto;
	line-height: normal;
    margin: 0px;
}
table tr td.inputText input.inputTextTable:active {
    background-color: #f6f6f6;
    border-color: #a2a2a2 #d0d0d0 #d0d0d0 #a2a2a2;
    border-style: solid;
    border-width: 1px;
}
table tr input.inputTextCenterTable {
    background: none;
	border: none;
	text-align: center;  
    font-weight: bold;
    font-size: 11px;
	height: 92%;
	line-height: 30px;
	width: 99%;
	font-family: Arial,Helvetica,sans-serif,Verdana; 
	text-decoration: none;
	font-size: 11px;
	color: #5a5a5a;

}
table tr input.inputTextCenterTable:active {
    background-color: #f0f0f0;
    border-color: #a2a2a2 #dedede #F5F5F5 #a2a2a2;
    border-style: solid;
    border-width: 1px;
}








#container #containerRight #divBottom { /*** divBottom ***/
	border-top: #161616 1px solid;
	height: 38px; 
	width: 100%;
	border-bottom: #bfbfbf 1px solid;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    background: #5a5a5a; 
    background: -moz-linear-gradient(left, #5a5a5a 0%, #7c7c7c 50%, #5a5a5a 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5a5a5a), color-stop(50%,#7c7c7c), color-stop(100%,#5a5a5a));  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#5a5a5a',GradientType=1 ); 
}
#container #containerRight #divBottom #copyright { 
	height: 38px;
	line-height: 38px;
	width: 40%;
    color: #f9f9f9;
	float: right;
	text-align: right;
	padding-right: 20px;
}




#container #containerRight #shadow { /*** div-shadow ***/
    height: 25px;
	width: 100%;
}

#container #containerRight #shadow #shadowLeft {
	background: url(../../images/default/containerBottomShadowLeft.png) no-repeat top left;
	height: 24px;
	width: 264px;
	float: left;
}
#container #containerRight #shadow #shadowRepeat {
	background: url(../../images/default/containerBottomShadowReapet.png) repeat-x top center;
	height: 24px;
	margin: 0 264px;
}
#container #containerRight #shadow #shadowRight {
	background: url(../../images/default/containerBottomShadowLeftRight.png) no-repeat top right;
	height: 24px;
	width: 264px;
	float: right;
}




